<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>安徽之洲教育-公务员考试-国考笔试- 之洲教育官网
  </title>
  <!-- 网站说明 -->
  <meta name="description"
        content="之洲公考是一家专门从事公务员考试培训、致力于公务员，事业单位、选调生、银行、医院招聘国有企业等面试培训辅导的教育平台。面向长三角地区（安徽、江苏、浙江）、河南、山东多省联考和国考面试。授课教师来自各大机构自身教师、公考研究院院长，拥有丰富的教学经验，能够根据考生自身特点，因材施教，保证教学质量。"/>
  <!-- 引入我们初始化样式文件 -->
  <!-- 关键字 -->
  <meta name="keywords" content="公务员，事业单位，选调生，遴选，教职招聘，银行国企，医院招聘，医考培训"/>
  <link rel="stylesheet" href="./src/css/base.css">
  <!-- 引入我们公共的样式文件 -->
  <link rel="stylesheet" href="./src/css/common.css">
  <!-- 引入我们的小图标 -->
  <link rel="shortcut icon" href="favicon.ico"/>
  <!-- 引入我们index.css文件 -->
  <link rel="stylesheet" href="./src/css/index.css">
  <!-- 引入我们首页的js文件 -->
  <script src="./src/js/index.js"></script>

  <!-- load plugins styles -->
  <link rel="stylesheet" href="./src/plugins/swiper/swiper-bundle.css">
</head>
<body>

<!-- 最顶部模块开始了 -->
<section class="shortcut">
  <div class="w">
    <div class="fl">
      <ul>
        <li>安徽之洲教育欢迎您！&nbsp;</li>
        <li>
          <a href="#">请登录</a>&nbsp;<a href="#" class="style_red">免费注册</a>
        </li>
      </ul>
    </div>
    <div class="fr">
      <ul>
        <li>我的课程</li>
        <li></li>
        <li class="arrow-icon">我的之洲</li>
        <li></li>
        <li>之洲会员</li>
        <li></li>
        <li>公司详情</li>
        <li></li>
        <li class="arrow-icon">关注之洲教育</li>
        <li></li>
        <li class="arrow-icon">客户服务</li>
        <li></li>
        <li class="arrow-icon">网站导航</li>
      </ul>
    </div>
  </div>
</section>
<!-- 最顶部模块结束 -->

<!-- 第二栏头部模块制作start -->
<header class="header w">
  <!-- logo部分 -->
  <div class="logo">
    <h1>
      <a href="index.html" title="安徽之洲教育">安徽之洲教育</a>
    </h1>
  </div>
  <!-- 导航栏部分nav -->
  <div class="nav">
    <ul>
      <li><a href="index.html">首页</a></li>
      <li><a href="#">课程</a></li>
      <li><a href="list.html">关于我们</a></li>
    </ul>
  </div>
  <!-- 搜索模块 -->
  <div class="search">
    <input type="text" value="输入关键词">
    <button></button>
  </div>
</header>
<!-- 第二栏头部模块制作end -->

<!-- 横条制作start -->
<nav class="banner1">
  <div class="w1">
    <!-- <div class="dropdown">
        <div class="dt">之洲教育</div>
        <div class="dd">之洲教育分类</div>
    </div> -->
  </div>
</nav>
<!-- 横条制作end -->

<!-- 左侧边导航栏制作！start -->
<div class="banner2">
  <!-- 版心 -->
  <!-- <div class="w"> -->
  <div class="subnav">
    <ul>
      <li><a href="">公务员*选调生<span>&gt;</span></a></li>
      <li><a href="">事业单位<span>&gt;</span></a></li>
      <li><a href="">遴选<span>&gt;</span></a></li>
      <li><a href="">教师<span>&gt;</span></a></li>
      <li><a href="">国企招考<span>&gt;</span></a></li>
      <li><a href="">医院招聘<span>&gt;</span></a></li>
      <li><a href="">之洲自习室<span>&gt;</span></a></li>
    </ul>
  </div>
  <!-- 首页专有焦点图模块制作    我好像把这个模块玩坏了 -->
  <div class="w">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <!--        <div class="swiper-slide">-->
        <!--          <img src="https://desk-fd.zol-img.com.cn/t_s4096x2160c5/g6/M00/02/02/ChMkKV_O7XCIcAXlACIXocjNbYIAAGbCAIPTAUAIhe5846.jpg" alt="">-->
        <!--        </div>-->
        <!--        <div class="swiper-slide">-->
        <!--          <img src="https://desk-fd.zol-img.com.cn/t_s4096x2160c5/g6/M00/03/0E/ChMkKWDZLXSICljFAC1U9uUHfekAARQfgG_oL0ALVUO515.jpg" alt="">-->
        <!--        </div>-->
        <!--        <div class="swiper-slide">-->
        <!--          <img src="https://desk-fd.zol-img.com.cn/t_s4096x2160c5/g6/M00/04/03/ChMkKmEDXUSIHgDqAEmHbYgzx4IAASRtgEs34gASYeF287.jpg" alt="">-->
        <!--        </div>-->
        <div class="swiper-slide">
          <div class="img swiper-zoom-container">
            <img src="./images/1.jpg" alt="">
          </div>
        </div>
        <div class="swiper-slide">
          <div class="img swiper-zoom-container">
            <img src="./images/2.jpg" alt="">
          </div>
        </div>
        <div class="swiper-slide">
          <div class="img swiper-zoom-container">
            <img src="./images/3.jpg" alt="">
          </div>
        </div>
        <div class="swiper-slide">
          <div class="img swiper-zoom-container">
            <img src="./images/4.jpg" alt="">
          </div>
        </div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>

      <!-- 如果需要导航按钮 -->
      <div class="swiper-button-prev"></div>
      <div class="swiper-button-next"></div>

      <!-- 如果需要滚动条 -->
      <div class="swiper-scrollbar"></div>
    </div>
    <!--    <div class="main">-->
    <!--      <div class="focus fl">-->
    <!--        &lt;!&ndash; 左侧按钮 &ndash;&gt;-->
    <!--        <a href="#" class="arrow-l">-->
    <!--          &lt;-->
    <!--        </a>-->
    <!--        &lt;!&ndash; 右侧按钮 &ndash;&gt;-->
    <!--        <a href="#" class="arrow-r"></a>-->
    <!--        &lt;!&ndash; 核心按钮滚动区域 &ndash;&gt;-->
    <!--        <ul>-->
    <!--          <li>-->
    <!--            <a href="#"><img src="upload/focus1.png" alt=""></a>-->
    <!--          </li>-->
    <!--          <li>-->
    <!--            <a href="#"><img src="upload/focus2.png" alt=""></a>-->
    <!--          </li>-->
    <!--          <li>-->
    <!--            <a href="#"><img src="upload/focus3.png" alt=""></a>-->
    <!--          </li>-->
    <!--          <li>-->
    <!--            <a href="#"><img src="upload/focus4.png" alt=""></a>-->
    <!--          </li>-->
    <!--        </ul>-->

    <!--        &lt;!&ndash; 小圆圈 &ndash;&gt;-->
    <!--        <ol class="circle">-->
    <!--          <li></li>-->
    <!--          <li class="current"></li>-->
    <!--          <li></li>-->
    <!--          <li></li>-->
    <!--          <li></li>-->
    <!--          <li></li>-->
    <!--        </ol>-->
    <!--      </div>-->
    <!--      <div class="newsflash">快报模块</div>-->
    <!--    </div>-->
  </div>
  <!-- </div> -->
</div>
<!-- 左侧边导航栏制作！end              注意，我的w放在了banner2里面，subnav下面-->

<!-- 大蓝横批图制作start -->
<div class="bluebanner">
  <div class="kongge">
    <div class="boxb1">
      <ul>
        <li style="color: azure;">5年</li>
        <li style="color: azure;">公考培训经验</li>
      </ul>
    </div>
    <div class="boxb1">
      <ul>
        <li style="color: azure;">6家</li>
        <li style="color: azure;">培训机构</li>
      </ul>
    </div>
    <div class="boxb1">
      <ul>
        <li style="color: azure;">1k+名</li>
        <li style="color: azure;">上岸学员</li>
      </ul>
    </div>
    <div class="boxb1">
      <ul>
        <li style="color: azure;">20余名</li>
        <li style="color: azure;">著名讲师</li>
      </ul>
    </div>
  </div>


</div>
<!-- 大蓝横批图制作end -->

<!-- 底部模块制作start -->
<div class="footer">
  <div class="w">
    <div class="copyright">
      <li><img src="images/logo1.png" alt=""></li>
      <p>之洲公考是一家专门从事公务员考试培训、致力于公务员、事业单位、选调生、
      </p>
      <p>银行、医院招聘、国有企业等笔试、面试培训辅导的专业机构。</p>
      <!-- <a href="#" class="app">下载APP</a> -->
    </div>
    <div class="links">
      <dl>
        <dt>关于之洲教育</dt>
        <dd><a href="#">关于</a></dd>
        <dd><a href="#">管理团队</a></dd>
        <dd><a href="#">工作机会</a></dd>
        <dd><a href="#">客户服务</a></dd>
        <dd><a href="#">帮助</a></dd>
      </dl>
    </div>
  </div>
</div>
<!-- 底部模块制作end -->

<!-- load plugins -->
<script src="./src/plugins/jquery/jquery.js"></script>
<script src="./src/plugins/swiper/swiper-bundle.js"></script>
<script>
  $(function () {
    var mySwiper = new Swiper('.swiper-container', {
      loop: true,
      pagination: {
        el: '.swiper-pagination',
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      }
    })
  })
</script>
</body>
</html>